.head{background: #1ce8fa;border-bottom: 1px solid #666666;}
.head .contant{height:90px;}
.head .logo{width: 150px;height: 40px;font-size: 30px;color: white;left: 0;top: 20px;text-align: center;}
.head .search{width: 300px;height: 26px;top: 27px;left: 450px;text-indent: 10px;}
.head .search_btn{width: 80px;height: 30px;top: 27px;left: 750px;cursor: pointer;}
.head .search:-moz-placeholder{background: url(../images/icon/ic_search.png) 10px 0  no-repeat;background-size: 20px 20px;padding-left: 20px;}
.head .search::-webkit-input-placeholder{background: url(../images/icon/ic_search.png) 10px 0  no-repeat;background-size: 20px 20px;padding-left: 20px;}
.head .search::-ms-input-placeholder{background: url(../images/icon/ic_search.png) 10px 0  no-repeat;background-size: 20px 20px;padding-left: 20px;}
.head .search_menu{width: 352px;max-height: 200px;left: 450px;top: 57px;background: white;z-index: 2;border: 1px solid #666666;overflow: auto;display: none;}
.head .search_menu li a{display: block;height: 25px;line-height: 25px;text-indent: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.head .search_menu li a:hover{color: red;}
.head .head_photo{width: 40px;height: 40px;left: 860px;top:20px;background: url(../images/icon/head_photo.png);background-size: cover;}
.head .name{width: 100px;height: 20px;left: 910px;top: 30px;color: white;}
.head .wallet_icon{width: 40px;height: 40px;left: 1020px;top: 20px;background: url(../images/icon/wallet.png);background-size: cover;}
.head .wallet{width: 100px;height: 20px;color: white;left: 1070px;top: 30px;}
.head .contact_us{width: 100px;height: 20px;color: white;left: 1200px;top: 30px;}
.head .menu{width: 100%;height: 30px;left: 0;bottom: 0px;}
.head .menu li{display: block;float: left;}
.head .menu li a{display: block;width:192px;height: 30px;line-height: 30px;font-size: 20px;font-weight: bolder;text-align: center;color: white;
	transition:0.5s;}
.head .menu li a:hover,
.head .menu li .on{color: red}
